<template>
  <a-modal
    title="新增需求"
    :visible="visible"
    @ok="
      () => {
        $emit('create');
      }
    "
    :confirmLoading="confirmLoading"
    @cancel="
      () => {
        $emit('cancel');
      }
    "
  >
    <a-form layout="vertical" :form="form">
      <a-form-item label="需求名称">
        <a-input
          v-decorator="[
            'demandName',
            {
              rules: [{ required: true, message: '请输入需求名称' }]
            }
          ]"
        />
      </a-form-item>
      <a-form-item label="需求链接">
        <a-input v-decorator="['demandLink']" />
      </a-form-item>
      <a-form-item label="需求描述">
        <a-input type="textarea" v-decorator="['description']" />
      </a-form-item>
    </a-form>
  </a-modal>
</template>

<script lang="ts" src="./demand-add.ts"></script>

<style lang="scss">
@import './demand-add.scss';
</style>
